@import './app-card.scss';

$appStoreFontSizeDefault: 12px;

.app-container {
  width: 100%;
  /*index.scss 冲突*/
  background-color: inherit;
  padding: 0px;
  border-radius: inherit;
  font-size: $appStoreFontSizeDefault;

  @media screen and (max-width: 519px) {
    .fty-col-520-12 {
      width: 100%;
    }
  }
  @media screen and (min-width: 520px) {
    .fty-col-520-12 {
      width: 50%;
    }
  }
  @media screen and (min-width: 768px) {
    .fty-col-768-8 {
      width: 33.333334%;
    }
  }
  @media screen and (min-width: 992px) {
    .fty-col-992-8 {
      font-size: $appStoreFontSizeDefault + 2;
    }
  }

  @media screen and (min-width: 1200px) {
    .fty-col-1200-6 {
      width: 25%;
    }
  }

  @media screen and (min-width: 1500px) {
    .fty-col-1500-6 {
      width: 25%;
    }
  }

  @media screen and (min-width: 1800px) {
    .fty-col-1800-4_8 {
      width: 20%;
    }
  }

  @media screen and (min-width: 1920px) {
    .fty-col-1920-4 {
      width: 16.66667%;
    }
  }

  @media screen and (min-width: 2600px) {
    .fty-col-2600-3 {
      width: 12.5%;
    }
  }
}

